Top 18 Gorgeous CSS3 Menu Horizontal List

1. Responsive CSS3 Dropdown Menu

featured image

Css3 Dropdown Menu

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Neptune - Horizontal Submenu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9 and 8, but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Horizontal Submenus

More Details

4. BETI - Accordion Menu

featured image

BETI – Accordion Menu

Based in CSS3 dropdown menu

VERTICAL AND HORIZONTAL

PURE CSS3/HTML5

Horizontal

Added Horizontal Accordion Menu

Pofi – Animated Tabs And accordion menu

More Details

5. Negar - Responsive Vertical And Horizontal Menu

featured image

NEGAR – Responsive Animated Menu V2.Based in CSS3 horizontal menu

Every Menu, An Animated Effect

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

PURE CSS3/HTML5

Top Horizontal

Bottom Horizontal

Added Tow Vertical Menu (Left And Right Position) For Each Style

Added Two Horizontal Menu (Header And Footer) For Each Style

Aram – Responsive Mega DropDown Menu V2.

More Details

6. CSS3 Vertical & Horizontal Accordion

featured image

CSS3 Vertical & Horizontal Accordion

Folder CSS3 Accordion Vertical

Folder CSS3 Accordion Vertical Menu

Folder CSS3 Accordion Horizontal

More Details

7. Pure CSS3 Dropdown MegaMenu

featured image

Pure CSS3 without the use of JavaScript and images

Horizontal and vertical position

More Details

8. Animated CSS3 Submenu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on internet explorer CSS transitions 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Horizontal Submenus

More Details

9. Tabion - Metro Tab Accordion Switcher CSS

featured image

CSS3 Animation Effects.Horizontal + Vertical Styles.Navion – Metro Navigation Menu Accordion Switcher CSS

OneMenu – Responsive Metro UI Menu

MenuStation – Unlimited Responsive Menu

More Details

10. Vertu - Simple Mega Menu

featured image

Vertu – Simple Mega Menu is simple and easy mega menu with many functions.Accordion horizontal panels

Metro Style Menu

4 levels drop down horizontal menu

Multi-Functional Menu

Simple menu construction

Include HTML5/CSS3 and JavaScript file

More Details

11. Beth - Mobile-First Responsive Menu

featured image

On mobile devices, the fluid horizontal menu turns into a vertical dropdown menu which can be toggled with a click/single tap. Note: the menu can handle only one-level submenus. Pure CSS3

Fixed the bug which made the responsive menu icon not clickable

More Details

12. 3d Mega Menu for Bootstrap

featured image

Responsive 3D Mega Drop Down Menu (latest ver 1.Responsive 3D Mega Drop Down Menu is a flexible and high customizable to build your custom menus. It is very easy to build a horizontal or verticalmenu. In addition to you can set up the menu item drop down by clicking or hovering. Horizontal and vertical versions

Click/hover behavior choice on the vertical menu CSS3 options page

Fly-out Menu with Unlimited Sublevels

This menu has been tested (and works !) in all the following browsers :

The 3D effects will not work in old browsers which is not support the transition CSS3

More Details

13. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…

Support both Horizontal and Vertical Tab.CSS3 Animation Effects.Navion – Metro Navigation Menu Accordion Switcher CSS

OneMenu – Responsive Metro UI Menu

More Details

14. navIgo - Multipurpose Responsive Navigation Plugin

featured image

In addition, any plugin parameter can be overwritten directly from each menu <ul> data-attributes.Multiple menus on one page: and you can control almost anything for each menu, easy!

Smart options management: each plugin parameter can be overwritten by an equivalent data attribute inside the <ul> tag of each menu, in this way you can set overall rules for all navbars on the website, but you can customize each menu simply adding attributes in the markup!

Horizontal or vertical orientation

Smooth CSS3 transitions

Alpha or slide jQuery FX for simple menu dropdown CSS levels

Responsive toggle-menu button: you can enable or disable a menu wrapper with show/hide automatic button. Added tab mode (menu can be used as a tabbed interface)

More Details

15. XMenu - Animated Horizontal Dropdown Menu

featured image

This is a very simple and elegant menu created purely in css3.

More Details

16. Smart Responsive Breadcrumbs

featured image

For less than 480px, menu changes from horizontal menu HTML into vertical and gets hidden behind the menu item.Breadcrumbs are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn into menu for easier navigation with a limited space.You can combine different effects to display the menu:

Various demos and examples to show how menu can be set

Added: New effect for compact menu display

More Details

17. Clean Tabs: Responsive Tabs to Accordion

featured image

Clean tabs is a CSS3 and jQuery responsive horizontal menu navigation tabs, optimized for mobile & touch devices. On small screen, the jQuery slideshow horizontal turns into a vertical accordion.Note 1: for a better experience, the menu can handle only 8 buttons.CSS3 & jQuery.

More Details

18. Pure Css3 Responsive Navigation

featured image

Pure Css3

Horizontal Navigation

More Details

19. Animated Horizontal Submenu

featured image

Menu is made with HTML5, CSS3 and jQuery. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work. Video Preview on YouTube (Watch in HD)Collection of my Horizontal Submenus

Pure HTML5/CSS3 version

More Details